<template>
  <div class="camp-top">
    <span style="color: white">课程大纲</span>
    <div class="camp-m">
      <img
        src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc13.eoemarket.net%2Fapp0%2F544%2F544769%2Fscreen%2F2802363.jpg&refer=http%3A%2F%2Fc13.eoemarket.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634202953&t=6b30cb37f4f842206becce3e9b71c96d"
        alt=""
      />
      <span style="color: white">哈弗训练营</span>
    </div>
  </div>
  <div>
    <van-cell-group>
      <van-cell to="/home/my/Details" title="开课详情" is-link />
    </van-cell-group>
  </div>
  <div class="camp-bot">
    <ul>
      <li>
        <img
          src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc13.eoemarket.net%2Fapp0%2F544%2F544769%2Fscreen%2F2802363.jpg&refer=http%3A%2F%2Fc13.eoemarket.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634202953&t=6b30cb37f4f842206becce3e9b71c96d"
          alt=""
        />
        <span>Sea Anmals</span>
      </li>
      <li>
        <img
          src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc13.eoemarket.net%2Fapp0%2F544%2F544769%2Fscreen%2F2802363.jpg&refer=http%3A%2F%2Fc13.eoemarket.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634202953&t=6b30cb37f4f842206becce3e9b71c96d"
          alt=""
        />
        <span>Sea Anmals</span>
      </li>
      <li>
        <img
          src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc13.eoemarket.net%2Fapp0%2F544%2F544769%2Fscreen%2F2802363.jpg&refer=http%3A%2F%2Fc13.eoemarket.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634202953&t=6b30cb37f4f842206becce3e9b71c96d"
          alt=""
        />
        <span>Sea Anmals</span>
      </li>
      <li>
        <img
          src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc13.eoemarket.net%2Fapp0%2F544%2F544769%2Fscreen%2F2802363.jpg&refer=http%3A%2F%2Fc13.eoemarket.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634202953&t=6b30cb37f4f842206becce3e9b71c96d"
          alt=""
        />
        <span>Sea Anmals</span>
      </li>
      <li>
        <img
          src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc13.eoemarket.net%2Fapp0%2F544%2F544769%2Fscreen%2F2802363.jpg&refer=http%3A%2F%2Fc13.eoemarket.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634202953&t=6b30cb37f4f842206becce3e9b71c96d"
          alt=""
        />
        <span>Sea Anmals</span>
      </li>
      <li>
        <img
          src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc13.eoemarket.net%2Fapp0%2F544%2F544769%2Fscreen%2F2802363.jpg&refer=http%3A%2F%2Fc13.eoemarket.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634202953&t=6b30cb37f4f842206becce3e9b71c96d"
          alt=""
        />
        <span>Sea Anmals</span>
      </li>
    </ul>
  </div>
</template>

<script>
import { Cell, CellGroup } from "vant";
export default {
  data() {
    return {};
  },

  components: {
    "van-cell-group": CellGroup,
    "van-cell": Cell,
  },

  computed: {},

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.camp-top {
  font-size: 14px;
  height: 150px;
  background: burlywood;
}
.camp-m {
  margin: 50px 10px 20px 10px;
}
.camp-m img {
  width: 60px;
  height: 70px;
}
.camp-bot {
  height: 800px;
  overflow-y: scroll;
}
.camp-bot li img {
  width: 130px;
  height: 70px;
}
.camp-bot li {
  margin: 50px 10px 20px 10px;
}
</style>
